<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="https://cdn.bootcss.com/weui/1.1.2/style/weui.min.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/jquery-weui/1.2.0/css/jquery-weui.min.css">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="../css/style.css">
    <meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<div class="main">
    <div class="tweeter-wrapper">
        <div class="tweeter-header-wrapper">
            <div class="tweeter-header-add-icon">
                <i class="fa fa-camera-retro fa-3" aria-hidden="true"></i>
            </div>
            <div class="tweeter-header-info">
                <div class="tweeter-header-info-img">
                    <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1529750269&di=144d243ec96db665c68638851c567339&imgtype=jpg&er=1&src=http%3A%2F%2Fimg18.3lian.com%2Fd%2Ffile%2F201704%2F17%2F15d3ba370a20eb62c2de8bdc4b6fb93e.jpg"
                         class="img-circle img-circle-84">
                </div>
                <div class="tweeter-header-info-nickname">
                    <h2>爱哭的毛毛虫</h2>
                    <p>广西 桂林</p>
                </div>

            </div>
        </div>
        <div class="tweeter-content-wrapper">
            <div class="tweeter-content-img" >
                <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1529750269&di=144d243ec96db665c68638851c567339&imgtype=jpg&er=1&src=http%3A%2F%2Fimg18.3lian.com%2Fd%2Ffile%2F201704%2F17%2F15d3ba370a20eb62c2de8bdc4b6fb93e.jpg"
                     class="img-circle img-circle-42">
            </div>
            <div class="tweeter-content-info">
                <h4>爱哭的毛毛虫</h4>
                <p>解说：冰岛队在无球的时候，是一只世界级的强队。。。</p>
                <div class="weui-flex tweeter-content-mutimg">
                    <div class="weui-flex__item" style="margin-right:5px">
                        <img width="100%" src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1529217429361&di=d67e21001e8b9ff00f2ca4f6c96c179a&imgtype=0&src=http%3A%2F%2Fwww.qqzhi.com%2Fuploadpic%2F2014-06-22%2F084033978.jpg">
                    </div>
                    <div class="weui-flex__item" style="margin-right:5px">
                        <img width="100%"
                             src="https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=1149224925,1073727167&fm=27&gp=0.jpg">
                    </div>
                    <div class="weui-flex__item" style="margin-right:5px">
                        <img width="100%" src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1529217856001&di=a48894a08ad7ad0332da0d8091cc13a0&imgtype=0&src=http%3A%2F%2Fwww.qqzhi.com%2Fuploadpic%2F2014-11-23%2F193946287.jpg">
                    </div>
                </div>
                <div class="tweeter-content-pub">
                    25分钟前 来自 ViVO R9S
                </div>
            </div>
        </div>
        <div class="tweeter-content-wrapper">
            <div class="tweeter-content-img" >
                <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1529750269&di=144d243ec96db665c68638851c567339&imgtype=jpg&er=1&src=http%3A%2F%2Fimg18.3lian.com%2Fd%2Ffile%2F201704%2F17%2F15d3ba370a20eb62c2de8bdc4b6fb93e.jpg"
                     class="img-circle img-circle-42">
            </div>
            <div class="tweeter-content-info">
                <h4>爱哭的毛毛虫</h4>
                <p>解说：冰岛队在无球的时候，是一只世界级的强队。。。</p>
                <div class="weui-flex tweeter-content-mutimg">
                    <div class="weui-flex__item" style="margin-right:5px">
                        <img width="100%" src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1529217429361&di=d67e21001e8b9ff00f2ca4f6c96c179a&imgtype=0&src=http%3A%2F%2Fwww.qqzhi.com%2Fuploadpic%2F2014-06-22%2F084033978.jpg">
                    </div>
                    <div class="weui-flex__item" style="margin-right:5px">
                        <img width="100%"
                             src="https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=1149224925,1073727167&fm=27&gp=0.jpg">
                    </div>
                    <div class="weui-flex__item" style="margin-right:5px">
                        <img width="100%" src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1529217856001&di=a48894a08ad7ad0332da0d8091cc13a0&imgtype=0&src=http%3A%2F%2Fwww.qqzhi.com%2Fuploadpic%2F2014-11-23%2F193946287.jpg">
                    </div>
                </div>
                <div class="tweeter-content-pub">
                    25分钟前 来自 小霸王学习机
                </div>
            </div>
        </div>
    </div>
</div>
<!--footer开始-->
<div class="footer">
    <div class="weui-flex">
        <div class="weui-flex__item">
            <div><i class="fa fa-home"></i></div>
            <div class="footer-text">首页</div>
        </div>
        <div class="weui-flex__item">
            <div><i class="fa fa-map"></i></div>
            <div class="footer-text">动态</div>
        </div>
        <div class="weui-flex__item">
            <div><i class="fa fa-qrcode"></i></div>
            <div class="footer-text">小店铺</div>
        </div>
        <div class="weui-flex__item">
            <div><i class="fa fa-space-shuttle"></i></div>
            <div class="footer-text">我的</div>
        </div>
    </div>
</div>
<!--footer结束-->
</body>
<!-- body 最后 -->
<script src="https://cdn.bootcss.com/jquery/1.11.0/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/jquery-weui/1.2.0/js/jquery-weui.min.js"></script>
<!-- 如果使用了某些拓展插件还需要额外的JS -->
<script src="https://cdn.bootcss.com/jquery-weui/1.2.0/js/swiper.min.js"></script>
<script src="https://cdn.bootcss.com/jquery-weui/1.2.0/js/city-picker.min.js"></script>
</body>
</html>